/**
 * 1 发送请求获取数据
 * 2 点击轮播图  预览大图
 *   1 给轮播图绑定点击事件
 *   2 调用小程序的api  previewImage
 * 3 点击  加入购物车
 *   1 先绑定点击事件
 *   2 获取缓存中的购物车数据  数组格式
 *   3 先判断  当前的商品是否已经在购物车中
 *   4 已经存在  修改商品数据  执行购物车数量++ 重新把购物车数组 填充回缓存中
 *   5 不存在于购物车中  直接给购物车数组添加一个新元素  新元素带上购买数量属性 num  重新把购物车数组  填充回缓存中
 *   6 弹出提示
 */
import { request } from "../../request/index.js";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj:{}
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getGoodsDetail(options.goods_id);
  },
  // 获取商品的详细数据
  async getGoodsDetail(goods_id){
    const goodsObj = await request({url:"/goods/detail",data:{goods_id}});
    this.setData({
      goodsObj:{
        goods_id:goodsObj.goods_id,
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        // iPhone部分手机  不识别webp图片格式
        // 最好找后台沟通  将其替换为其他格式
        // 临时自己修改的方法如下  但是得确保后台存在jpg格式，1.webp=>.jpg
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
      }
    })
  },
  // 点击轮播图  放大预览
  handlePreviewImage(e){
    // 1  先构造要预览的图片数组
    const urls=this.data.goodsObj.pics.map(v=>v.pics_mid);
    const current=e.currentTarget.dataset.url;
    wx.previewImage({
      // 此处接收前端传入的参数，确定预览哪一张图片
      current,
      urls
    });
  },
  // 处理加入购物车事件
  handleCartAdd(){
    // 1 获取缓存中的购物车  数组
    let cart=wx.getStorageSync("cart")||[];
    // 2 判断  商品对象是否存在于购车数组中
    let index = cart.findIndex(v=>v.goods_id===this.data.goodsObj.goods_id);
    if(index===-1){
      // 不存在 第一次添加
      this.data.goodsObj.num=1;
      this.data.goodsObj.checked=true;
      cart.push(this.data.goodsObj);
    }else{
      // 已存在，执行num++
      cart[index].num++;
    }
    // 把购物车重新添加回缓存中
    wx.setStorageSync("cart",cart);
    wx.showToast({
      title: '加入成功',
      icon:"success",
      duration: 1500,
      // true  防止用户  疯狂点击该按钮
      mask: true
    });
  }
})